<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../../global/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./frm.css" />
    <style>
        /* app内，不显示跳到下载app的链接 */
        a[href*="/views/down/index.html"],
        a[href*="://a.app.qq.com/o/simple.jsp"] {
            display: none;
        }
    </style>
</head>
<body>

<div id="main" class="main aui-content">

    <div class="pay-info-container">
        <div class="pay-info-item">
            <div class="info-title">剩余时间：</div>
            <div id="pay-count" class="info-content">15:00</div>
        </div>
        <div class="pay-info-item">
            <div class="info-title">支付金额：</div>
            <div id="pay-money" class="info-content info-pay-money">¥ 499.00</div>
        </div>
        <div class="pay-info-item">
            <div class="info-title">商品名称：</div>
            <div id="pay-goodsName" class="info-content">xxx</div>
        </div>
        <div class="pay-info-item">
            <div class="info-title">订单号：</div>
            <div id="pay-orderId" class="info-content">xxxxxxxxxxxxxx</div>
        </div>
    </div>

    <div id="pay-select-wrapper" class="pay-select-wrapper">
        <!--<div tapmode onclick="payTypeSelect(this);" class="pay-select selected">-->
            <!--<div class="select-icon"></div>-->
            <!--<img class="select-type" src="../../../global/image/wallet/pay-wechat.png">-->
            <!--<div class="pay-type-name">微信支付</div>-->
        <!--</div>-->
        <!--<div tapmode onclick="payTypeSelect(this);" class="pay-select">-->
            <!--<div class="select-icon"></div>-->
            <!--<img class="select-type" src="../../../global/image/wallet/pay-zfb.png">-->
            <!--<div class="pay-type-name">支付宝支付</div>-->
        <!--</div>-->
    </div>

    <div class="pay-btn-container">
        <div id="pay-btn" class="pay-btn" tapmode onclick="drawAction()">确认支付:¥499</div>
    </div>

    <script id="tpl-pay-type-cell" type="text/x-dot-template">

        {{~it.PayWays :v:i}}
        <div tapmode data-type="{{=v.PayWay}}" onclick="payTypeSelect(this);" class="pay-select {{?i== 0}}selected{{?}}">
            <div class="select-icon"></div>
            <img class="select-type" src="{{=v.Icon}}">
            <div class="pay-type-name">{{=v.Subject}}</div>
        </div>
        {{~}}

    </script>

</div>

</body>

<script type="text/javascript" src="../../../config.js?time={$time}"></script>
<script type="text/javascript" src="../../../global/script/lib/api.js?time={$time}"></script>
<script type="text/javascript" src="../../../global/script/lib/doT.min.js"></script>
<script type="text/javascript" src="../../../global/script/lib/zepto.min.js"></script>
<script type="text/javascript" src="../../../global/script/lib/zepto.animate.js"></script>
<script type="text/javascript" src="../../../global/script/lib/aui-lazyload.js"></script>
<script type="text/javascript" src="../../../global/script/mylib.js?time={$time}"></script>
<script type="text/javascript" src="../../../global/script/libx/dateUtil.js"></script>
<script type="text/javascript" src="../../../app.js?time={$time}"></script>
<script type="text/javascript" src="./frm.js?time={$time}"></script>

</html>


<script type="text/javascript" src="../../../global/script/_fakeApi.js"></script>

<script>

	api = {
		pageParam: {
			data: {
				"PayTime": 900,
				"Price": "88",
				"OrderId": "2018081410002006800432234667",
				"PayWays": [
					{
						"Subject": "支付宝",
						"Icon": "../../../global/image/wallet/pay-zfb.png",
						"PayWay": 1
					},
					{
						"Subject": "微信",
						"Icon": "../../../global/image/wallet/pay-wechat.png",
						"PayWay": 2
					}
				]
			}
		}
	}
    apiready();

</script>